﻿@using htmlHelpers.Extensions
@using htmlHelpers.Menu
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <!-- Le styles -->
    <link href="@Url.Content("~/Content/Admin/bootstrap.css")" rel="stylesheet" type="text/css" />
    <style>
       body {
        padding-top: 60px;
        padding-bottom: 40px;
      }
      .sidebar-nav {
        padding: 9px 0;
      }
    </style>
    <link href="@Url.Content("~/Content/Admin/bootstrap-responsive.css")" rel="stylesheet" type="text/css" />
</head>
    <body>
        
    @(
        Html.Sushi().Menu()
            .AddBrandName("Sushi")
            .AddElement(new SushiMenuItem(Html.ViewContext).SetCaption("About"))
            .AddElement(Html.Sushi().MenuItem().SetCaption("Contact"))
            .AddElement(Html.Sushi().MenuItem().SetCaption("Login"))
    )
        <!--<div class="navbar navbar-fixed-top">
            <div class="navbar-inner">
            <div class="container-fluid">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </a>
            <a class="brand" href="#">Sushi</a>
            <ul class="nav"><li class="active"><a href="#">Home</a></li>
                <li><a href="#about">About</a></li>
                <li><a href="#contact">Contact</a></li>
                <li><a href="#login">Login</a></li>
            </ul>
            <div class="nav-collapse">
                <p class="navbar-text pull-right">Logged in as <a href="#">username</a></p>
            </div><!--/.nav-collapse -->
        <!--</div>
        </div>
        </div>-->
    
        <div class="container-fluid">
            @RenderBody()
            <footer>
                <p>&copy; Company 2012</p>
            </footer>
        </div>
     
        <script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/modernizr-2.0.6-development-only.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-transition.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-alert.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-modal.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-dropdown.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-scrollspy.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-tab.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-tooltip.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-popover.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-button.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-collapse.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-carousel.js")" type="text/javascript"></script>
        <script src="@Url.Content("~/Scripts/bootstrap-typeahead.js")" type="text/javascript"></script>
    </body>
</html>

